<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			.b{
				width: 800px;
				/* 当块元素没有设置高度时,默认高度为内容高度 */
				background-color: #55ffff;
				/*  清除浮动 *//*当子元素全部浮动的情况下,一定要记得父元素清除浮动 */
				overflow: auto;
			}
			.x{
				width: 200px;
				height: 200px;
				background-color: #55aaff;
				/* 浮动会导致父元素塌陷 */
				float: right;
			}
			.v{
				width: 300px;
				height: 200px;
				background-color: #aaffff;
				float: left;
			}
			
		</style>
	</head>
	<body>
		<div class="b">
			<div class="x"></div>
			<div class="v"></div>
		</div>
	</body>
</html>
